﻿/* =====================================================================
 * Intro       demodemo
 * Author      jeffreyfang@ea.com
 * MadeTime    2011-09-16
 =====================================================================*/


/*-----------------------------------------------
	- Reset&Clearfix
-----------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;}
body,button,input,select,textarea{font:12px/20px Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,var,em{font-style:normal;}em{font-weight:700;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
sup{vertical-align:text-top;} 
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
html{overflow-y:scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {display:block;margin:0;padding:0;}
mark{background:#ff0;}
q:before,q:after{content:'';}
.clearfix:before, .clearfix:after {content:"";display:table;}
	.clearfix:after {clear:both;}
	.clearfix{zoom:1;}
body{background:#FFF;color:#333;}	
a{color:#0000FF;text-decoration:none;}
	a:hover{text-decoration:underline;}

/*-----------------------------------------------
	- common
-----------------------------------------------*/
.hidefocus { outline:none;hide-focus:expression(this.hideFocus=true);}
.round { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.txt-hide {width:0; height:0; overflow:hidden; background-image:url(about:blank); text-indent:-999px; }
.f-shadow {text-shadow:0 1px 0 #FFFFFF;}
.input_txt { width:170px; padding:4px 3px 3px; border:1px solid #7F9DB9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#333; vertical-align:middle; line-height:15px; }
	.w_min { width:80px; } .w_max { width:300px; }
.l{ float:left;} .r{ float:right;}
.txt-c{ text-align:center;} .txt_l{ text-align:left;} .txt_r{ text-align:right;}
.c-red { color:#F00;}
.c-blue { color:#00F;}
.c-ash { color:#999;}
.glo-btn { display:inline-block; padding: 3px 12px; border: 2px solid #FF9600; color:#212121; text-align:center; font-weight:700; text-decoration:none; cursor: pointer;
			background:-moz-linear-gradient(0% 100% 90deg,#E4BF00, #FEE202); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEE202), to(#E4BF00)); 
			-moz-border-radius:5px; border-radius:5px; 
			-moz-box-shadow:0px 2px 0px #9B9B9B; -webkit-box-shadow:0px 2px 0px #9B9B9B; box-shadow:0px 2px 0px #666;
		}


/*-----------------------------------------------
	- pages
-----------------------------------------------*/
.header { position:relative; width:960px; height:150px; margin:0 auto; border:1px solid #A9C9E2; background-color:#E8F5FE;}
	.header .logo { float:left; margin:20px; }
	.header .logo a { display:block; width:200px; height:80px; background-color:#A5B6C8; }
	.header .btn { float:right; margin:20px; padding:5px 20px; background-color:#A5B6C8; }
	.header .tip { display:none; position:absolute; z-index:9; top:51px; right:20px; width:250px; height:250px; padding:1px; border:1px solid #92B0DD; background-color:#E2EAF8; box-shadow:0 0 6px #E0E6E9; }
		.header .tip h3 { padding:5px; background-color:#EEE; }

.body { width:960px; height:850px; margin:0 auto; background-color:#E8F5FE;}

